body{padding-top:55px}
th{text-align: center}
td{text-align: center}
.wraper{
    float: left;
    position: relative;
    left: 50%;
    clear: both;
}
.chlid{
    position: relative;
    left: -50%;
}
.btn_clik{

}
.mask{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.23);
    z-index: 1000;
    display: none;
}
.mask_content{
     position: absolute;
     width: 76%;
     height: 40%;
     background-color: #FFFFFF;
     border-radius: 10px;
     top: 112px;
     left: 12%;
     padding: 10px;
 }
.for_select{
    display: none;
}

#select:checked+.mask{
    display: block;
}
#select2:focus ~.mask{
    display: block;
}